<template>
  <MMNodeVue :map="map" />
  <NodeDetailsVue />
</template>

<script>
import MMNodeVue from './MMNode.vue';
import NodeDetailsVue from './NodeDetails.vue';

/**
 * @description 思维导图
 */
export default {
  name: 'MindMap',
  components: {
    MMNodeVue,
    NodeDetailsVue,
  },
  data() {
    return {
      map: {
        id: 0,
        name: 'MindMap_0',
        children: [
          {
            id: 1,
            name: 'MindMap_1',
          },
          {
            id: 3,
            name: 'MindMap_3',
            children: [
              {
                id: 4,
                name: 'MindMap_4',
              },
              {
                id: 5,
                name: 'MindMap_5',
              },
            ],
          },
        ],
      },
    };
  },
  created() {},
  methods: {},
};
</script>

<style scoped>
.nowords {
  text-align: center;
}
</style>
